<!DOCTYPE HTML>
<html  xmlns:th="http://www.thymeleaf.org">
<head th:include="_meta :: header">
    <title>分配</title>
</head>
<body>
<div class="layui-fluid">
    <div class="layui-row">
        <form class="layui-form form form-horizontal"  id="form-audio-allot" action="#" th:action="@{/admin/allot/PptAllotAll}" method="post">
            <div class="layui-form-item">
                <label class="layui-form-label"><span class="x-red">*</span>分配校对人：</label>
                <div class="layui-input-inline">
                    <select id="usernameList" name="usernameList" >
                        <option th:each="z:${usernameList}"  th:value="${z}" th:text="${z}" class="downUsername"
                        >${z.value}
                        </option>
                    </select>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label"><span class="x-red">*</span>分组名称：</label>
                <div class="layui-input-inline">
                    <div class="layui-input-inline">
                        <input type="layui-input" class="layui-input" t name="name"  placeholder="请输入分组名称" id="userId"/>
                    </div>
                </div>
            </div>

            <!--<input id="draftId" type="hidden" name="draftId" th:value="${draftId}">-->
            <input id="idsBus" th:value="${idsBus}" name="idsBus" hidden/>
            <input id="updateTime" type="hidden" name="updateTime" >
            <input id="createTime" type="hidden" name="createTime" >
            <div class="layui-form-item" >
                <label class="layui-form-label">
                    <button  class="layui-btn" id="subbtn" type="submit">
                        <i class="layui-icon">&#xe605;</i> 确认分配</a>
                    </button>
                </label>
            </div>



            <!--<select id="usernameList" name="usernameList" >-->
                <!--<option th:each="z:${usernameList}"  th:value="${z}" th:text="${z}" class="downUsername"-->
                <!--&gt;${z.value}-->
                <!--</option>-->
            <!--</select>-->
            <!--<input id="idsBus" th:value="${idsBus}" name="idsBus" hidden/>-->
            <!--<button  class="layui-btn" id="subbtn" type="submit">-->
                <!--<i class="layui-icon">&#xe605;</i> 确认分配</a>-->
            <!--</button>-->
        </form>
    </div>
</div>

<!--_footer 作为公共模版分离出去-->
<div th:replace="_footer :: footerjs">
</div>
<!--/_footer 作为公共模版分离出去-->
<script>
    layui.use(['laydate','form'], function(){
        var laydate = layui.laydate;
        var form = layui.form;
        // 监听全选
        form.on('checkbox(checkall)', function(data){

            if(data.elem.checked){
                $('tbody input').prop('checked',true);
            }else{
                $('tbody input').prop('checked',false);
            }
            form.render('checkbox');
        });
        form.on('select(selectchange)', function(data){
            console.log(data.value); //得到被选中的值
            var pageNo = $('#pageNo');
            var Form = $('form')
            pageNo.val(1);
            Form.submit();
            form.render('select');
        });
        //日期时间范围选择
        laydate.render({

        });
        lay('.timeSpace').each(function(){
            laydate.render({
                elem: this
                ,type: 'datetime'
                ,range: true //或 range: '~' 来自定义分割字符
            });
        });
    });



    // 表单提交
    $(function(){
        var idsBus = $('input[id="idsBus"]').val();
        console.log("allot -->"+idsBus)
        $("#form-audio-allot").validate({
            submitHandler:function(form) {
                var downUsername = $('#usernameList').val();
                console.log("down", downUsername)
                if (downUsername == '') {
                    layer.msg("您还未选择要分配的下属");
                    return false;
                } else {
                    $.lock()
                    $(form).ajaxSubmit({
                        type: 'POST',
                        url: "/admin/allot/PptAllotAll",
                        success: function (data) {
                            if (data.code == "1") {
                                selfmsg('分配成功!', 1, function () {
                                    var index = parent.layer.getFrameIndex(window.name);
                                    parent.location.reload();
                                    parent.layer.close(index);
                                });
                            } else {
                                selfmsg(data.msg,null,null,2);
                                $.unlock()
                            }
                        },
                        error: function () {
                            selfmsg('分配异常!', 5);
                            $.unlock()
                        }
                    });
                }
            }
        });
    });


</script>
</body>
</html>